<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Add Directorate</title>
<link rel="stylesheet" href="css/style.css" type="text/css" />
<style>
.top {
	border: 0px solid #ccc;
	overflow: hidden;
	padding: 0;
	margin: 0;
	padding-bottom: 2px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.top-left {
	border: 0px solid #ccc;
	font: bold 14px Arial, Verdana, Helvetica, sans-serif;
	float: left;
	padding: 5px 0;
}

.top-right {
	border: 0px solid #ccc;
	float: right;
	text-align: right;
}

.details1 {
	overflow: hidden;
}

.content-left {
	float: left;
	padding-right: 20px;
	border: 0px solid #ccc;
}

.content-right {
	float: right;
	border: 0px solid #ccc;
}

.frm .field {
	display: table;
	margin: 5px;
}

.frm div label {
	width: 150px;
	word-wrap: break-word;
	display: table-cell;
	vertical-align: middle;
	position: static;
}

.frm textarea {
	width: 260px;
	height: 80px;
}

.frm input[type="text"],input[type="password"] {
	width: 260px;
}

.lstcbb {
	width: 260px;
	height: 95px;
	overflow-y: auto;
	border: 1px solid #ccc;
	background-color: #fff;
	display: auto;
}
</style>
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript">
	$(document).ready(function() {
		$(".tabContents").hide(); 
		$(".tabContents:first").show(); 

		$("#tabContaier ul li a").click(function() { 

			var activeTab = $(this).attr("href");
			$("#tabContaier ul li a").removeClass("active");
			$(this).addClass("active");
			$(".tabContents").hide();
			$(activeTab).fadeIn();
		});
	});
</script>
</head>
<body>
	<!-- Header -->

	<!-- End Header -->
	<div id="content">
		<div id="mainContainer">
			<div class="box">
				<div id="container-orglst">
					<h4>
						<a href="#">Organisation</a>
					</h4>
					<h1>Business Unit/Directorate Details</h1>

					<div id="tabContaier">
						<ul>

							<li><a class="active" href="#tab1">Details</a></li>



						</ul>
						<div class="btn">

							<a href="ListDirectorate_Trungdd6b.html"><input type="button"
								value="Save" /> </a> <a href="ListDirectorateList_Trungdd6b.html"><input
								type="button" value="Back" /> </a>

						</div>

						<div class="tabDetails">
							<div id="tab1" class="tabContents details1">
								<form>
									<div class="content-left frm">
										<div class="field">
											<label for="dir_name">BU/Directorate Name <span
												style="color: red;">*</span> </label> <input type="text" name="name"
												value="" id="dir_name" />

										</div>

										<div class="field">
											<label for="dir_description">BU/Directorate Short
												Description</label>
											<textarea name="dir_description" id="dir_description"></textarea>
										</div>

										<div class="field">
											<label for="dir_contact">Lead Contact</label> <input
												type="text" name="dir_contact" value="" id="dir_contact"
												disabled style="width: 210px;" /> <a href="#">Lookup</a>
										</div>

										<div class="field" style="margin-top: 15px">
											<input type="checkbox" name="is_copy" id="is_copy" /> <label
												for="is_copy" style="width: 190px; margin-top: 5px">Copy
												Address From Organisation</label>

										</div>

										<div class="field">

											<label for="dir_add1">Address Line 1 <span
												style="color: red;">*</span> </label> <input type="text"
												name="dir_add1" value="" id="dir_add1" />
										</div>

										<div class="field">
											<label for="dir_add2">Address Line 2 </label> <input
												type="text" name="dir_add2" value="" id="dir_add2" />
										</div>

										<div class="field">
											<label for="dir_add3">Address Line 3 </label> <input
												type="text" name="dir_add3" value="" id="dir_add3" />
										</div>
										<div class="field">
											<label for="dir_postcode">Post Code <span
												style="color: red;">*</span> </label> <input type="text"
												name="dir_postcode" value="" id="dir_postcode"
												style="width: 210px;" /> <a href="#">Lookup</a>
										</div>
										<div class="field">
											<label for="dir_town">Town/Village/City </label> <input
												type="text" name="dir_town" value="" id="dir_town" />
										</div>
										<div class="field">
											<label for="dir_county">County </label> <input type="text"
												name="dir_county" value="" id="dir_county" />
										</div>
										<div class="field">
											<label for="dir_country">Country</label> <select
												name="dir_country" id="dir_country">
												<option value="0"></option>
												<option value="me1">Viet Nam</option>
												<option value="me2">English</option>

												<option value="me3">China</option>
												<option value="me4">Japan</option>

											</select>
										</div>
									</div>
									<div class="content-right frm">
										<div class="field">
											<label for="dir_typebus">Type Of Business <span
												style="color: red;">*</span> </label> <input type="text"
												name="dir_typebus" value="man-made fibres spinning c" id="dir_typebus"
												disabled style="width: 210px;" /> <a href="#">Lookup</a>
										</div>
										<div class="field">
											<label for="dir_full_description">BU/Directorate Full
												Description</label>
											<textarea name="dir_full_description"
												id="dir_full_description"></textarea>
										</div>
										<div class="field">
											<label for="dir_siccode">SIC Code </label> <input type="text"
												name="dir_siccode" value="13100" id="dir_siccode" />
										</div>
										<div class="field">
											<label for="dir_phone">Phone Number</label> <input
												type="text" name="dir_phone" value="" id="dir_phone" />
										</div>
										<div class="field">
											<label for="dir_fax">Fax</label> <input type="text"
												name="dir_fax" value="" id="dir_fax" />
										</div>
										<div class="field">
											<label for="dir_email">Email</label> <input type="text"
												name="dir_email" value="" id="dir_email" />
										</div>
										<div class="field">
											<label for="dir_web">Web Address</label> <input type="text"
												name="dir_web" value="http://fpt.com.vn" id="dir_web" />
										</div>
										<div class="field">
											<label for="dir_charity">Charity Number</label> <input
												type="text" name="dir_charity" value="" id="dir_charity" />
										</div>
										<div class="field">
											<label for="dir_company">Company Number</label> <input
												type="text" name="dir_company" value="" id="dir_company" />
										</div>
									</div>
								</form>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</body>
</html>